@import "header.html"
<link rel="stylesheet" href="../css/comment.css">
<body>
<header class="fxj-header">
    <back></back>
    <h1 class="fxj-title">发表评论</h1>
</header>
<main id="main">
    <div class="title">入住评分</div>
    <ul>
        <li v-for="(list,key) of grade">
            <span class="des">{{key}}</span>
            <div class="star-group">
                <svg class="icon" v-for="(num,i) of list" @click="getGrade(key,i+1)">
                    <use v-show="num===0" class="no-selected" xlink:href="#icon-star-o"></use>
                    <use v-show="num===1" class="selected" xlink:href="#icon-star"></use>
                </svg>
            </div>
        </li>
    </ul>
    <div class="title">入住感言</div>
    <textarea id="ipt" rows="5" placeholder="对本次入住体验有什么想分享给大家的或者想对房东说的" v-model="comment"></textarea>
    <div class="title">上传照片</div>
    <p class="tips">请上传您的入住实拍图，每张大小不超过10M，最多可上传10张</p>
    <div class="upload-img-group">
        <div class="img" v-for="file of imgGroup"><img :src="file"></div>
        <div class="upload-btn" v-if="imgGroup.length < 10" onclick="triggerFileIpt()">
            <svg class="icon">
                <use xlink:href="#icon-tianjiazhaopian"></use>
            </svg>
        </div>
    </div>
    <input id="fileIpt" type="file" style="display: none">
    <div class="submit-comment" onclick="submit()">提交点评</div>
</main>

@import "js.html"
<script src="../script/comment.js"></script>
</body>
@import "footer.html"